Web前端性能监控系统

前端性能会直接影响到用户体验，加载的延迟、操作的卡顿等都会影响用户的使用体验。尤其是移动端，用户对页面响应延迟和连接中断的容忍度很低。尽管性能很重要，开发迭代过程中难免会有所忽视，性能会伴随产品的迭代而有所衰减，事实上并没有简单的几条黄金规则就可以搞定性能优化工作，我们需要一套性能监控系统持续监控、评估、预警页面性能状况、发现瓶颈，指导优化工作的进行。

If you cannot measure it, you cannot improve it.

维度与指标

1. 前端性能指标无非是这几个值：

• 白屏时间；
• 首屏时间；
• 用户可交互时间；
• 总下载时间；
• DNS解析时间；
• TCP连接时间；
• HTTP请求时间；
• HTTP响应时间；

2. 关于维度：如果有心思去做IP分析，将「运营商」、「网络」、「URL」作为维度，实际每个指标都可以做出分布图 (图中数据经过处理，非真实数据)；

阈值：

1. 每个业务形态都不尽相同，不可能有统一的阈值，特别是配置短信/邮件报警的时候。
2. 当用户网络差异大的时候(特别是移动端)，平均数其实没什么用，也就看个概况，中位数也同理。比较好的方式还是做堆叠图，方便看分布。
3. 同比环比，报警功能，当然也是需要的。